<!DOCTYPE html>
<html class="no-js">
    <head>
        <title>Psdup.com E-Ticaret</title>
        <meta charset="UTF-8"/>
        <meta
            name="keywords"
            content="burada, virgül, ile ayırarak, sitenizin içeriği, ile alakalı, anahtar, kelimeler, olmalı"
        />
        <meta
            name="description"
            content="burada ilgili sayfa ile alakalı kısa bir özet yazı olabilir. 1 ya da 2 cümle yeterli. bu yazı, arama sonuçlarındaki çıkacak metinleri oluşturuyor"
        />

        <!-- ie 8 ve alt versiyonları için html5 ile gelen etiketlerin çalışması için -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <link type="text/css" rel="stylesheet" href="styles/style.css" />

        <script type="text/javascript" src="scripts/modernizr-1.7.min.js"></script>
        <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript" src="scripts/antepfistigi.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <header id="masthead">
                <a href="#" id="logo"><img src="images/logo.png" alt="Antep Fıstığı" width="249" height="56" /></a>
                <div id="user-info">
                    <p>Hoşgeldiniz, <span class="red">Psdup</span><br /> <span class="red">12</span> adet ürün bulunmaktadır</p>
                    <a href="#odeme">Ödeme</a> - <a href="#hesap-kontrolu">Hesap Kontrolü</a> - <a href="#cikis">Çıkış</a>
                </div>
            </header>
            <nav id="main-nav">
                <ul class="group">
                    <li class="current"><a href="#anasayfa">ANASAYFA</a></li>
                    <li><a href="#urunler">ÜRÜNLER</a></li>
                    <li><a href="#kampanyalar">KAMPANYALAR</a></li>
                    <li><a href="#indirimdekiler">İNDİRİMDEKİLER</a></li>
                    <li><a href="#siparis-ve-odeme">SİPARİŞ VE ÖDEME</a></li>
                </ul>
                <form id="search" method="get" action="#">
                    <label for="q">Ürün Arama</label>
                    <input type="text" name="q" id="q" />
                    <button type="submit">ARA</button>
                </form>
            </nav>
            <section id="content">
                <div id="tagline">
                    <img src="images/tagline-01.png" />
                    <img src="images/tagline-02.png" />
                    <img src="images/tagline-03.png" />
                    <img src="images/tagline-04.png" />
                </div>
                <div id="products">
                    <article class="group">
                        <h3>İNDİRİMLİ ÜRÜNLER</h3>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                    </article>
                    <article class="group">
                        <h3>TÜM ÜRÜNLER</h3>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                    </article>
                    <div class="pagination">
                        <span>Sayfa 1/438</span>
                        <span class="current">1</span>
                        <a href="#2">2</a>
                        <a href="#3">3</a>
                        <a href="#2">Sonraki &raquo;</a>
                        <a href="#150">150</a>
                        <a href="#300">300</a>
                        <a href="#438">Son Sayfa &raquo;</a>
                    </div>
                </div>
                <aside id="product-sidebar">
                    <section class="box">
                        <h3 class="right">TELEFON İLE SİPARİŞ</h3>
                        <img src="images/telefon.png" />
                    </section>
                    <section class="box red group">
                        <h3>GÜNÜN ÜRÜNÜ</h3>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                    </section>
                    <section class="box  group">
                        <h3 class="right">ÇOK SATILANLAR</h3>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <img src="images/arrows.png" class="arrows" />
                    </section>
                    <section class="box group">
                        <h3 class="right">ÇOK İNCELENENLER</h3>
                        <p class="product">
                            Karışık Paket - 3Kg
                            <img src="images/fistik.jpg" />
                            <span class="price">45 TL</span>
                            <a href="#sepete-at">Sepete At</a>
                            <a href="#incele" class="incele">İncele</a>
                            <span class="corner"></span>
                        </p>
                        <img src="images/arrows.png" class="arrows" />
                    </section>
                </aside>
            </section>
            <aside id="sidebar">
                <section class="box">
                    <h3 class="left">ÜRÜN KATEGORİSİ</h3>
                    <ul class="nav">
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                        <li><a href="#kategori/antep-fistigi">Antep Fıstığı</a></li>
                    </ul>
                </section>
                <section class="box">
                    <h3 class="left">MÜŞTERİ GİRİŞİ</h3>
                    <form id="login" method="post" action="#">
                        <ol>
                            <li class="group">
                                <label for="email">Email adresi</label>
                                <input type="text" name="email" id="email" />
                            </li>
                            <li class="group">
                                <label for="password">Şifre</label>
                                <input type="password" name="password" id="password" />
                            </li>
                            <li class="group">
                                <a href="#sifremi-unuttum">Şifremi unuttum</a>
                                <button type="submit">Giriş</button>
                            </li>
                            <li class="group">
                                <a href="#uye-ol" id="register">ÜYE OLMAK İSTİYORUM</a>
                            </li>
                        </ol>
                    </form>
                </section>
                <section class="box">
                    <h3 class="left">HAKKIMIZDA</h3>
                    <ul class="nav">
                        <li><a href="#hakkimizda/urunlerimiz-hakkinda">Ürünlerimiz Hakkında</a></li>
                        <li><a href="#hakkimizda/site-uyelik-ve-yasal-sorumluluklar">Site üyelik ve yasal sorumluluklar</a></li>
                        <li><a href="#hakkimizda/urun-iade-ve-satis-iptali">Ürün iade ve satış iptali</a></li>
                        <li><a href="#hakkimizda/gizlilik-ve-uyelik-sartlari">Gizlilik ve üyelik şartları</a></li>
                    </ul>
                </section>
                <section class="box">
                    <h3 class="left">KAMPANYALAR</h3>
                    <img src="images/kampanyalar.jpg" />
                </section>
            </aside>
            <div id="push" class="group"></div>
        </div>
        <footer id="mastfoot" class="group">
            <p id="disclaimer">Bu sayfa en iyi Psdup.com adresinde görüntülenir :)</p>
            <p id="copyright">Design By <span class="author">Fazlı TEMİZEL</span> - Css &amp; Html <span class="author">Bilal ÇINARLI</span></p>
        </footer>
    </body>
</html>
